<!DOCTYPE html>

<html lang="zh-CN">
  <head>
    <!-- <base href="./"> -->
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, shrink-to-fit=no"
    />
    <meta
      name="description"
      content="CoreUI - Open Source Bootstrap Admin Template"
    />
    <meta name="author" content="琴时" />
    <meta
      name="keyword"
      content="Bootstrap,Admin,Template,Open,Source,jQuery,CSS,HTML,RWD,Dashboard"
    />
    <title>修改信息页面</title>
    <link rel="shortcut icon" href="favicon.ico" />
    <link href="/css/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
    <link
      href="/css/simple-line-icons/css/simple-line-icons.css"
      rel="stylesheet"
    />
    <!-- Main styles for this application-->
    <link href="/css/style.css" rel="stylesheet" />
  </head>

  <body class="app header-fixed aside-menu-fixed">
    <header class="app-header navbar">
      <a class="navbar-brand" href="#" style="margin: 0 auto">
        <i class="fa fa-graduation-cap fa-2x" aria-hidden="true"></i>教务系统
      </a>
    </header>
    <div class="app-body">
      <main class="main">
        <!-- 头部管理-->
        <ol class="breadcrumb">
          <li class="breadcrumb-item">教务系统</li>
          <li class="breadcrumb-item">学生成绩</li>
          <li class="breadcrumb-item">个人信息</li>
        </ol>
        <div class="container-fluid">
          <div class="animated fadeIn" id="itemsTemplate">
            <div class="card">
              <!--卡片头部-->
              <div class="card-header">
                <i class="icon-people" aria-hidden="true"></i>个人信息
                <div class="card-header-actions">
                  <a class="btn btn-ghost-primary" href="/">返回</a>
                </div>
              </div>
              <div class="card-body collapse show" id="collapseExample">
                <div id="model01">
                  <div class="modal-body">
                    <form
                      class="needs-validation"
                      action="/update_post?id={{data[0].id}}"
                      method="post"
                      enctype="multipart/form-data"
                    >
                      <div class="form-group row">
                        <label class="col-md-1 col-form-label" for="text-input"
                          >学号:</label
                        >
                        <div class="col-md-4">
                          <input
                            name="id"
                            value="{{data[0].id}}"
                            type="text"
                            class="form-control"
                          />
                        </div>
                      </div>
                      <div class="form-group row">
                        <label class="col-md-1 col-form-label" for="text-input"
                          >姓名:</label
                        >
                        <div class="col-md-4">
                          <input
                            name="name"
                            value="{{data[0].name}}"
                            type="text"
                            class="form-control"
                            pattern="^[\u4e00-\u9fa5·A-Za-z][\u4E00-\u9FA5·A-Za-z0-9-_\s]{1,15}$"
                            required
                          />
                          <div class="invalid-feedback">
                            用户名必须2到16位中英文、首位必须是中英文，(字母，数字，下划线，减号)
                          </div>
                        </div>
                      </div>
                      <div class="form-group row">
                        <label class="col-md-1 col-form-label" for="text-input"
                          >机器学习:</label
                        >
                        <div class="col-md-4">
                          <input
                            name="machine_learning"
                            value="{{data[0].machine_learning}}"
                            type="text"
                            class="form-control"
                            pattern="^[0-9]*$"
                            required
                          />
                          <div class="invalid-feedback">
                            只能输入数字，且不能为空！
                          </div>
                        </div>
                      </div>
                      <div class="form-group row">
                        <label class="col-md-1 col-form-label" for="text-input"
                          >大前端:</label
                        >
                        <div class="col-md-4">
                          <input
                            name="nodejs"
                            value="{{data[0].nodejs}}"
                            type="text"
                            class="form-control"
                            pattern="^[0-9]*$"
                            required
                          />
                          <div class="invalid-feedback">
                            只能输入数字，且不能为空！
                          </div>
                        </div>
                      </div>
                      <div class="form-group row">
                        <label class="col-md-1 col-form-label" for="text-input"
                          >微服务:</label
                        >
                        <div class="col-md-4">
                          <input
                            name="microservice"
                            value="{{data[0].microservice}}"
                            type="text"
                            class="form-control"
                            pattern="^[0-9]*$"
                            required
                          />
                          <div class="invalid-feedback">
                            只能输入数字，且不能为空！
                          </div>
                        </div>
                      </div>
                      <div class="form-group row">
                        <label class="col-md-1 col-form-label" for="text-input"
                          >R语言:</label
                        >
                        <div class="col-md-4">
                          <input
                            name="rstudio"
                            value="{{data[0].rstudio}}"
                            type="text"
                            class="form-control"
                            pattern="^[0-9]*$"
                            required
                          />
                          <div class="invalid-feedback">
                            只能输入数字，且不能为空！
                          </div>
                        </div>
                      </div>
                      <div class="form-group row">
                        <label class="col-md-1 col-form-label" for="text-input"
                          >系统安全:</label
                        >
                        <div class="col-md-4">
                          <input
                            name="system_safety"
                            value="{{data[0].system_safety}}"
                            type="text"
                            class="form-control"
                            pattern="^[0-9]*$"
                            required
                          />
                          <div class="invalid-feedback">
                            只能输入数字，且不能为空！
                          </div>
                        </div>
                      </div>
                      <div class="modal-footer" style="justify-content: end">
                        <button
                          class="btn btn-primary"
                          type="submit"
                          style="margin-left: 170px"
                        >
                          保存
                        </button>
                        <button
                          class="btn btn-secondary"
                          type="button"
                          onclick="location.href='/'"
                          style="margin-left: 20px"
                        >
                          取消
                        </button>
                      </div>
                    </form>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </main>
    </div>
    <footer class="app-footer">
      <div>
        <a target="_blank" href="https://www.cnblogs.com/zhif97/">琴时</a>
        <span>&copy; 2021 creativeLabs.</span>
      </div>
      <div class="ml-auto">
        <span>Author by</span>
        <a target="_blank" href="https://www.cnblogs.com/zhif97/">琴时</a>
      </div>
    </footer>
  </body>
</html>
